<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>专线下单</title>
    <link rel="stylesheet" href="/assets/v4/css/wx_style.css"/>
    <link rel="stylesheet" href="/assets/v4/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="/assets/v4/css/sm.css"/>

    <link href="/assets/v4/css/shijian/mobiscroll.animation.css" rel="stylesheet" type="text/css"/>
    <link href="/assets/v4/css/shijian/mobiscroll.widget.css" rel="stylesheet" type="text/css"/>
    <link href="/assets/v4/css/shijian/mobiscroll.widget.ios.css" rel="stylesheet" type="text/css"/>
    <link href="/assets/v4/css/shijian/mobiscroll.scroller.css" rel="stylesheet" type="text/css"/>
    <link href="/assets/v4/css/shijian/mobiscroll.scroller.ios.css" rel="stylesheet"
          type="text/css"/>
<script type="text/css">
		/*--banner--*/
.main_visual {
    width: 100%;
    overflow: hidden;
    position: relative;
    bottom: 0px;
    margin-top: 20px;
}

.main_image {
    width: 100%;
    height: 120px;
    margin: 0 auto;
    overflow: hidden;
    max-width: 360px;
}

.main_image ul {
    width: 9999px;
    height: 100px;
    overflow: hidden;
    position: absolute;
}

.main_image li {
    float: left;
    width: 100%;
    height: 120px;
    margin: 0 auto;
}

.main_image li a {
    display: block;
    width: 100%;
    height: 100%;
}

.main_image li a img {
    width: 100%;
    height: auto;
}	

</script>
</head>
<body>
<nav>
    <div class="espert_list">
        <ul class="espert_line">
            <li id="Return"><a ng-click="back()"><img src="/assets/v4/img/expert_jt.png" width="26"
                                                      height="26"/></a></li>
            <li><a class="nav_click" id="pingche" ng_click="carMoneyClick('0')">拼车</a></li>
            <li><a id="baoche" ng_click="carMoneyClick('1')">包车</a></li>
            <li><a id="jihuo" ng_click="carMoneyClick('2')">寄货</a></li>
            <input type="hidden" id="orderType" value="0"/>
        </ul>
    </div>
</nav>

<!--下单-->
<div id="dj-the-single">
    <div class="content_tit">
        <div class="content-letxt listmagin">
            <div class="list-block ">
                <ul>
                    <li>
                        <div class="item-content item-content-border">
                            <div class="item-media"><img src="/assets/v4/img/sj.png" width="22"
                                                         height="22"/></div>
                            <div class="item-inner">
                                <div class="item-input item-input-mag">
                                    <input type="text" name="test" id="test"
                                            placeholder="请选择用车时间">
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-content item-content-border">
                            <div class="item-media"><img src="/assets/v4/img/shouj.png" width="22"
                                                         height="22"/></div>
                            <div class="item-inner">
                                <div class="item-input">
                                    <input type="text" ng-model="zhuanxian.phone"
                                           placeholder="请输入联系方式">
                                </div>
                            </div>
                        </div>
                    </li>

                    <li>
                        <div class="item-content item-content-border">
                            <div class="item-media"><img src="/assets/v4/img/icon-dit2.png"
                                                         width="22" height="22"/></div>
                            <!-- <div class="item-inner">
                                <div class="item-input item-label">
                                   <label id="city1">北京</label><input type="text" id="item-input" placeholder="从哪里上车">
                                </div>
                            </div> -->
                            <div class="item-inner">
                                <div class="item-input item-label">
                                    <label ng_click="startSelect()" id="city1">{{startCity.split("-")[1]}}</label><input
                                        id="item-input" type="text" placeholder="您在哪里？"
                                        ng-model="zhuanxian.beginAddress"
                                        ng-focus="watchBeginInput()"
                                        ng-blur="stopWatchBeginInput()">
                                </div>
                            </div>
                            <div class="item-pam" ng-hide="hideBeginTip" ng-click="hidePois()">
                                <ul ng-repeat="poi in beginPois">
                                    <li ng-click="beginSelect(poi)">{{poi.name}}<span>{{poi.address}}</span>
                                    </li>
                                </ul>
                            </div>
                             <img src="/assets/v4/img/qieh.png" class="qiehuan" id="qiehuan" ng-click="change(startCity,endCity)"  width="30" height="30"/> 
                        </div>
                    </li>
                    <li>
                        <div class="item-content item-content-border">
                            <div class="item-media"><img src="/assets/v4/img/icon-dit.png"
                                                         width="22" height="22"/></div>
                            <!-- <div class="item-inner">
                                <div class="item-input item-label">
                                      <label id="city2" >成都</label><input type="text" id="item-input2" placeholder="你要去哪里">
                                </div>
                            </div> -->
                            <div class="item-inner">
                                <div class="item-input item-label">
                                    <label id="city2" ng_click="endSelect1()">{{endCity.split("-")[1]}}</label><input
                                        id="item-input2" type="text" placeholder="您要去哪里？" 
                                        ng-model="zhuanxian.endAddress" ng-focus="watchEndInput()"
                                        ng-blur="stopWatchEndInput()">
                                </div>
                            </div>
                            <div class="item-pam" ng-hide="hideEndTip" ng-click="hidePois()">
                                <ul ng-repeat="poi in endPois">
                                    <li ng-click="endSelect(poi)">
                                        {{poi.name}}<span>{{poi.address}}</span></li>
                                </ul>
                            </div>


                        </div>
                    </li>

                    <li id="li_pingche">
                        <div class="item-content item-content-border">
                            <div class="item-media"><img src="/assets/v4/img/rs.png" width="22"
                                                         height="22"/></div>
                            <div class="item-inner">
                                <div class="item-input">
                                    <input type="number" ng-model="zhuanxian.peopleNumber" placeholder="多少人"  ng-blur="stopPeopleNumber()" >
                                </div>
                            </div>
                        </div>
                    </li>
                    <li id="li_car" style="display: none;">
                        <div class="item-content item-content-border">
                            <div class="item-media"><img src="/assets/v4/img/cx.png" width="22" height="22"/></div>
                            <div class="item-inner">
                                <div class="item-input">
                                    <input type="number" ng-model="zhuanxian.carNumber" placeholder="几辆车"  ng-blur="stopCarNumber()" >
                                </div>
                            </div>
                        </div>
                    </li>

                    <li id="li_sh_name" style="display: none;">
                        <div class="item-content item-content-border">
                            <div class="item-media"><img src="/assets/v4/img/sh_name.png" width="22"
                                                         height="22"/></div>
                            <div class="item-inner">
                                <div class="item-input">
                                    <input type="text" ng-model="zhuanxian.takeDeliveryName"
                                           placeholder="请输入收货人姓名">
                                </div>
                            </div>
                        </div>
                    </li>

                    <li id="li_sh_phone" style="display: none;">
                        <div class="item-content item-content-border">
                            <div class="item-media"><img src="/assets/v4/img/shouj.png" width="22"
                                                         height="22"/></div>
                            <div class="item-inner">
                                <div class="item-input">
                                    <input type="text" ng-model="zhuanxian.takeDeliveryPhone"   
                                           placeholder="请输入收货人电话">
                                </div>
                            </div>
                        </div>
                    </li>


                    <li>
                        <div class="item-content">
                            <div class="item-media"><img src="/assets/v4/img/bj.png" width="22"
                                                         height="22"/></div>
                            <div class="item-inner">
                                <div class="item-input">
                                    <input type="text" ng-model="zhuanxian.memo"
                                           placeholder="给师傅捎句话">
                                </div>
                            </div>
                        </div>
                    </li>
                    <!-- yue -->
                </ul>
                <div class="item-content item-boder">
                    <div class="item-papi">
                        <!-- <div class="item-yuyue">
                            约<b style="font-size: 24px;">{{carMoney}}</b>
                            
                        </div> -->
                        <div class="item-input" data-ng-bind-html="feemsg"
                             ng-click="showFeeDetail()">

                        </div>
                        <div class="item-juan" data-ng-bind-html="coupon">

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="dj-button" class="button-bci"><!--呼叫代驾-->
        <button type="button" id="zhuanxianButton" ng-click="submit()">立即用车</button>
    </div>
</div>

</body>
<script type="text/javascript" src="/assets/v4/js/lib/jquery.1.9.1.js"></script>
<script type="text/javascript" src="/assets/v4/js/lib/bootstrap.min.js"></script>
<script type="text/javascript" src="/assets/v4/js/lib/modal.js"></script>
<script type="text/javascript" src="/assets/v4/js/lib/wx.js"></script>
<script type="text/javascript" src="/assets/v4/js/lib/jquery.touchSlider.js"></script>


<script src="/assets/v4/js/shijian/mobiscroll.core.js"></script>
<script src="/assets/v4/js/shijian/mobiscroll.widget.js"></script>
<script src="/assets/v4/js/shijian/mobiscroll.scroller.js"></script>
<script src="/assets/v4/js/shijian/mobiscroll.util.datetime.js"></script>
<script src="/assets/v4/js/shijian/mobiscroll.datetimebase.js"></script>
<script src="/assets/v4/js/shijian/mobiscroll.widget.ios.js"></script>
<script src="/assets/v4/js/shijian/mobiscroll.i18n.zh.js"></script>
<script src="/assets/v4/js/lib/jquery.touchSlider.js"></script>
<script type="text/javascript">
    $(function () {
        var nowData = new Date();
        var opt = {
            theme: 'ios', //设置显示主题
            mode: 'scroller', //设置日期选择方式，这里用滚动
            display: 'bottom', //设置控件出现方式及样式
            preset: 'datetime', //日期:年 月 日 时 分
            minDate: nowData,
            maxDate: new Date(nowData.getFullYear(), nowData.getMonth(), nowData.getDate()
                                                                         + 7, 22, 00),
//              dateFormat: 'yy-mm-dd', // 日期格式
//              dateOrder: 'yymmdd', //面板中日期排列格式
            stepMinute: 5, //设置分钟步长
            yearText: '年',
            monthText: '月',
            dayText: '日',
            hourText: '时',
            minuteText: '分',
            lang: 'zh' //设置控件语言};
        };
        $('#test').mobiscroll(opt);
    });
    
    $("#qiehuan").click(function () {
        $("#item-input").val("");
        $("#item-input2").val("");
        var city1 = $("#city1").text();
        $("#city1").html($("#city2").text());
        $("#city2").html(city1);

    });

</script>
</html>
